<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>welcome</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <link rel="stylesheet" href="/static/super_cmdb/css/font.css">
        <link rel="stylesheet" href="/static/super_cmdb/css/xadmin.css">
    </head>
    <body>
    <div class="x-body layui-anim layui-anim-up">
        <blockquote class="layui-elem-quote">欢迎管理员：
            <span class="x-red">{{ request.session.username }}</span>  当前时间:   <span id="show_time0"></span></blockquote>

        <fieldset class="layui-elem-field">
            <legend>数据统计</legend>
            <div class="layui-field-box">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-carousel x-admin-carousel x-admin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 90px;">
                                <div carousel-item="">
                                    <ul class="layui-row layui-col-space10 layui-this">
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>用户总数</h3>
                                                <p>
                                                    <cite>{{ user_list.count }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>服务器总数</h3>
                                                <p>
                                                    <cite>{{ host_list.count }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>任务总数</h3>
                                                <p>
                                                    <cite>{{ tasks_number }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>域名总数</h3>
                                                <p>
                                                    <cite>{{ domain_number }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>项目总数</h3>
                                                <p>
                                                    <cite>{{ project_number }}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>游戏总数</h3>
                                                <p>
                                                    <cite>{{ gameserver_number }}</cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-field-box">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-carousel x-admin-carousel x-admin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 90px;">
                                <div carousel-item="">
                                    <ul class="layui-row layui-col-space10 layui-this">
                                        <li class="layui-col-xs2">
                                            <a href="javascript:;" class="x-admin-backlog-body">
                                                <h3>客户端更新次数</h3>
                                                <p>
                                                    <cite>{{ cleint_update_number }}</cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </fieldset>
        <marquee direction="right"><span style="font-weight: bolder;font-size: 15px;color: red;">最新更新内容：{{ dev_record_list.0.create_time|date:"Y-m-d H:i:s" }} ---->  {{ dev_record_list.0 }}</span></marquee>
        <fieldset class="layui-elem-field">
            <legend>平台使用说明</legend>
            <div class="layui-field-box">
                <table class="layui-table" lay-skin="line">
                    <tbody>
                        <tr>
                            <td >
                                <a class="x-a" style="color: red;">1.超级管理员: 请先修改默认密码密码，避免不必要的麻烦。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">2.超级管理员: 在【角色管理】-->【列表权限】--> 创建角色，并赋予角色权限。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">3.超级管理员: 在【用户管理】-->【用户列表】--> 创建用户。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">4.超级管理员: 在【项目管理】-->【列表配置】--> 添加项目信息。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">5.超级管理员: 在【项目管理】-->【项目权限】--> 赋予项目权限给对应管理员用户。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">6.超级管理员: 在【k8s管理】-->【集群配置】--> 配置连接集群的config。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">7.超级管理员: 在【k8s管理】-->【服务部署】-->【yaml分区】--> 创建分区。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">8.超级管理员: 在【k8s管理】-->【服务部署】-->【yaml模板】--> 创建模板。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">9.超级管理员: 在【k8s管理】-->【服务部署】-->【yaml部署】--> 操作k8s资源。</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a" style="color: #c73535;">10.其他功能，可在使用中进行探索。</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>近期开发记录</legend>
            <div class="layui-field-box">
                <table class="layui-table" lay-skin="line">
                    <tbody>
                        {% for dev_record in dev_record_list %}
                            <tr>
                                <td >
                                    <a class="x-a">{{ dev_record.create_time|date:"Y-m-d H:i:s" }} ---->  {{ dev_record.content }}</a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>平台功能说明</legend>
            <div class="layui-field-box">
                <table class="layui-table" lay-skin="line">
                    <tbody>
                        <tr>
                            <td >
                                <a class="x-a">1.用户管理：实现用户的增删查改</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">2.权限管理：超级管理员控制权限，用户可关联多个项目，项目下可拥有多台机器，机器只属于一个项目，但机器可属于多个用户，当新增用户并分配已有项目的权限时，会自动关联项目下的机器给该用户</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">3.cmdb管理：包含配置管理，机器管理，应用管理，游戏管理，任务管理，域名解析，webssh等模块</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">4.监控管理：通过安装监控agent，自动获取当前服务器状态及信息，并保存历史记录【内容优化较差，打算弃用，专用zabbix做监控】</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">5.运维文档：在线记录对应文档，仅限拥有当前项目权限的用户查看，实现文档共享</a>
                            </td>
                        </tr>
                        <tr>
                            <td >
                                <a class="x-a">6.安全说明：(1)平台用户使用session认证，真实密码使用hashlib不可逆加密；(2)webssh使用密钥/密码认证，需要登陆平台的用户才能使用，由平台用户自行管理；(3)api接口使用动态token认证，生成token规则由超级管理员配置管理</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>系统信息</legend>
            <div class="layui-field-box">
                <table class="layui-table">
                    <tbody>
                        <tr>
                            <th>系统版本</th>
                            <td>3.0.20200622</td></tr>
                        <tr>
                            <th>服务器地址</th>
                            <td>127.0.0.1</td></tr>
                        <tr>
                            <th>操作系统</th>
                            <td>linux</td></tr>
                        <tr>
                            <th>运行环境</th>
                            <td>Nginx+uWSGI+Django+daphne+websocket+celery+redis</td></tr>
                    </tbody>
                </table>
            </div>
        </fieldset>
        <fieldset class="layui-elem-field">
            <legend>开发团队</legend>
            <div class="layui-field-box">
                <table class="layui-table">
                    <tbody>
                        <tr>
                            <th>所有着</th>
                            <td>chenjianwen
                                <a href="https://www.cnblogs.com/chenjw-note/" class='x-a' target="_blank">访问官网</a></td>
                        </tr>
                        <tr>
                            <th>开发者</th>
                            <td>chenjianwen(1071179133@qq.com)</td></tr>
                    </tbody>
                </table>
            </div>
        </fieldset>
        <blockquote class="layui-elem-quote layui-quote-nm">感谢x-admin,本站点由chenjianwen提供技术支持。</blockquote>
    </div>
        <script>
            //这里就一句话就可以显示时间
            setInterval("show_time0.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);  
        </script>
    </body>
</html>
